<style lang="scss" src="./index.scss"></style>
<template>
    <div class="auth-card-box">
        <div class="auth-card__logo">
            <!--            <div class="auth-card__logo-line-left"></div>
            <div class="auth-card__logo-line-right"></div>-->
            <img src="~@/assets/logo.png" alt="logo" />
        </div>
        <div class="auth-card__main" :class="{ 'has-border': border }">
            <div class="auth-card__title">
                <img src="@/assets/login/text.png" alt="" />
                <span>资源采集端</span>
            </div>
            <div class="auth-card__body">
                <slot></slot>
            </div>
        </div>
    </div>
</template>

<script lang="ts">
import { Component, Vue, Prop } from "vue-property-decorator";
@Component({
    name: "AuthCard"
})
export default class AuthCard extends Vue {
    @Prop({
        type: Boolean,
        default: true
    })
    readonly border!: boolean;
}
</script>
